@media screen  and (max-width: 1600px) {
	.limit{
		max-width: 90%;
	}
}
@media screen  and (max-width: 1500px) {
	.limit{
		max-width: 90%;
	}
}
@media screen  and (max-width: 1440px) {

}
@media screen  and (max-width: 1400px) {
	.cooperation-introduce .content-text br{
		display: none;
	}
}
@media screen  and (max-width: 1366px) {
	.banner{
		height: 550px;
	}
	.head-li{
		margin-left: 25px;
	}
	.footer .content-top .content-right .content-li{
		margin-left: 25px;
	}
	.index-about .content .content-bottom h1 span{
		font-size: 70px;
	}
	.index-news .content-bottom .content-li h3,
	.index-recruitment .content-left p,
	.position-recruitment .content-li-title span,
	.news-content .content-li-box p{
		font-size: 16px;
	}
	.index-news .content-bottom .more,
	.index-recruitment .content-right .content-li h2,
	.index-recruitment .content-left .more,
	.news-content .more,
	.position-recruitment .content-li-text h2{
		font-size: 18px;
	}
	/*.position-recruitment .content-li-title h2{
		font-size: 25px;
	}*/
	/*.position-recruitment img{
		width: 25px;
	}*/
	/*.position-recruitment .symbol{
		line-height: 120px;
	}*/
	.vaccines-control-content .content-text{
		height: 200px;
	}
	/*2019-3-21*/
	.about-management .ContentText h1{
		padding-bottom: 10px;
	}
	.about-management .ContentText{
		line-height: 18px;
	}
	/*2019-3-21 end*/
}

@media screen  and (max-width: 1280px) {
	.index-product .ContentText{
		width: 70%;
	}
	.about-company .content-left{
		width: 45%;
	}
	.index-about .content-left .more{
     	height: 45px;
    	width: 150px;
     	line-height: 45px;
     	display: block;
    	margin-top: 20px;
    	position: relative;
	}
	.index-about .content-left,
	.corporate_culture .content-left{
		margin-right: 5%;
	    width: 44%;
	    width: calc(45% - 5px);
	    width: -webkit-calc(45% - 5px);
	    width: -moz-calc(45% - 5px);
	    width: -o-calc(45% - 5px);
	    width: -ms-calc(45% - 5px);
	}
	.corporate_culture .content-left{
		width: 100%;
	}
	.index-about .content-left .content-title{
		top: -20px;
	}
	.about-company .content-left p{
		font-size: 14px;
	}
	.about-company .content-right,
	.swiper-container-about{
		height: 400px;
	}
	.about-management .ContentText h1{
		padding-bottom: 10px;
	}
	.about-management .ContentText{
		line-height: 18px;
		bottom: 10px;
	}
	.position-recruitment .content-title p{
		line-height: 30px;
	}
	.corporate_culture .content-text p{
		line-height: 30px;
	}
	.about-management .content-li-box{
		width: 90%;
	}
}
@media screen  and (max-width: 1200px){
	.about-management .content-li-title h2 {
	    font-size: 16px;
	    line-height: 30px;
	    padding-top: 30px;
	}
	.about-management .ContentText {
	    line-height: 16px;
	    bottom: 10px;
	    font-size: 12px;
	}
	.about-management .ContentText h1 {
	    padding-bottom: 5px;
    	font-size: 18px;
    	line-height: 18px;
	}
	.about-management .ContentText p{
		font-size: 12px
	}

	.development-ongoing-project .content-box .content-bottom {
		flex-direction: column;
		margin-top: 10px;
	}

	.development-ongoing-project .table {
		position: relative;
		top: 0;
		transform: translate(0);
	}
	.development-ongoing-project .content-box .content-left {
		width: 100% !important;
	}

	.development-ongoing-project .content-box .content-right {
		margin-left: 0;
		margin-top: 20px;
	}
	.development-ongoing-project .table .table-header {
		align-items: flex-end;
	}
	.development-ongoing-project .table .table-header .verification {
		align-items: flex-end;
	}
}


@media screen  and (max-width: 1024px){
	.head-li{
		margin-left: 10px;
	}
	.head-li-a,
	#header .second-level-menu .second-level-menu-a,
	.footer .content-top .content-left,
	.about-management .content-li-title h2{
		font-size: 14px;
	}
	.footer .content-top .content-right .content-li{
		margin-left: 10px;
	}
	.footer .content-top .content-left,
	.footer .content-top .content-right .content-li,
	.footer .second-level-menu-a,
	.footer .content-bottom .content-right{
		font-size: 12px;
	}
	.about-company .content-left p{
		line-height: 24px;
	}
	.content-text p{
		font-size: 12px;
	}
	.about-management .ContentText{
		line-height: 16px;
	}
	.about-management .content-li-box{
		width: 90%;
	}
	.about-management .ContentText{
		bottom: 10px;
	}
	.about-management .content-li-title h2{
		padding-top: 10px;
	}
	.about-management .ContentText h1{
		font-size: 18px;
	}
	.about-management .content-title h2,
	.about-development .content-title h2,
	.mission-vision .content-title h2,
	.content-title h2,
	.production-introduce .content-li.active .content-right h2{
		font-size: 28px;
	}
	.banner-title h1{
		font-size: 38px;
	}
	.cooperation-direction .content-li-box p{
		font-size: 14px;
		line-height: 20px;
	}
	.position-recruitment .content-li-title h2{
		font-size: 22px;
	}
	.position-recruitment img{
		width: 20px;
	}
	.position-recruitment .symbol{
		line-height: 115px;
	}
	.position-recruitment .content-li-title span,
	.index-news .content-bottom .content-li h3,
	.index-recruitment .content-left p,
	.news-content .content-li-box p{
		font-size: 14px;
	}
	.vaccines-control-content .content-text{
		height: 250px;
	}
	.news-content .content-top .content-li a.content-li-a{
		font-size: 16px;
	}
	/*2019-3-21*/
	.about-management .ContentText {
	    line-height: 14px;
	}
	/*2019-3-21 end*/
}
@media screen  and (max-width: 980px){
	#header{
		height: 80px;
		line-height: 80px;
		position: fixed;
	}
	#header.active .header-left{
		height: 80px;
		line-height: 80px;
	}
	.header-left{
		height: 80px;
	}

	.head-li,
	.head-ul,
	.header-t-btn{
		float: none;
		text-align: left;
	}
	.header-right{
		position: fixed;
		left: 0;
		top: 0;
		right: auto;
		text-align: left;
		background-color: #4f4f4f;
     	z-index: 50;
     	height: 100%;
     	width: 65%;
     	max-width: 300px;
     	/*display: none;*/
	}
	#header .second-level-menu{
		background-color: #4f4f4f;
     	padding: 0 50px 0 15px;
	}
	#header .second-level-menu .second-level-menu-a{
		color: #fff;
	}
	.header-top,
	.header-bottom,
	#header.active .header-bottom{
		position: relative;
		height: auto;
		line-height: 30px;
	}
	#header.active1,
	#header.active1 .head-li-a{
		color: #fff;
	}
	#header.active .head-li,
	.head-li,
	#header .second-level-menu{
      	height: auto;
    	line-height: 40px;
	}
	.head-li-a,
	.header-btn-a,
	#header .second-level-menu .second-level-menu-a{
		font-size: 20px;
	}
	#header.active .header-top{
		display: inline;
	}
	.head-li,
	.header-t-btn{
     	margin-left: 30px;
	}
	.header-bottom{
		padding-top: 20px;
	}
	#header .second-level-menu,
	#header.active .second-level-menu,
	#header .header-t-btn .second-level-menu{
		position: relative;
		top: 0;
	}
	#header .second-level-menu{
		text-align: left;
	}
	#header .second-level-menu.about,
	#header .second-level-menu.product,
	#header .second-level-menu.system,
	#header .second-level-menu.vocational,
	#header .header-t-btn .second-level-menu{
		left: 0;
	}

	.hcover {
	    -webkit-transition: all .5s;
		display: block;
		right: -100%;
	}
	.hcover.active{
		right: 0;
		/*display: block;*/
	}
	.menu_open {
	    display: block;
	}
	.header-right{
	    -webkit-transition: all .5s;
	    left: -65%;
	}
	.footer .second-level-menu{
		display: none;
	}
	.footer .content-top .content-right{
		width: 100%;
	}
	.footer .content-top .content-right .content-li{
		width: 25%;
		margin-left: 0;
		font-size: 16px;
	}
	.footer .content-top .content-left{
		padding-top: 20px;
	}
	.footer .content-bottom{
		margin-top: 20px;
	}
	.footer .content-bottom .content-right{
		font-size: 16px;
	}
	.index-about .content-right{
		width: 100%;
		margin-top: 50px;
	}
	.index-about .content-left{
		width: 100%;
		margin-left: 0;
	}
	.content-text p,
	.position-recruitment,
	.content-li-title span,
	.index-news .content-bottom .content-li h3,
	.index-recruitment .content-left p,
	.news-content .content-li-box p,
	.index-news .content-bottom .content-li span,
	.development-platform .content-li p,
	.index-product .ContentText p,
	.introduce-content .content-text p,
	.cooperation-direction .content-li-box p{
		font-size: 18px;
     	line-height: 30px;
	}
	.index-about .content-left .more{
		font-size: 18px;
     	margin-top: 35px;
	}
	.content-title h2{
		font-size: 35px;
	}
	.index-product .content-top,
	.index-product .content-bottom,
	.index-product .content-right{
		width: 100%;
		height: 600px;
	}
	.index-product .content-left{
		width: 100%;
	}
	.index-product .content-text{
		height: auto;
	}
	.index-product .ContentText{
		width: 80%;
	}
	.index-news .content-top .content-li,
	.index-news .content-bottom .more,
	.index-recruitment .content-right .content-li h2,
	.index-recruitment .content-left .more,
	.news-content .more,
	.position-recruitment .content-li-text h2,
	.mission-vision .content-li-text h2{
		font-size: 20px;
	}
	.content-left,
	.content-right,
	.index-recruitment .content-right .content-li,
	.index-recruitment .content-bottom,
	.about-company .content-left,
	.about-company .content-right,
	.mission-vision .content-li{
		width: 100%;
	}
	.index-recruitment .content-right{
		padding-top: 50px;
	}
	.index-recruitment,
	.mission-vision,
	.mission-vision .content-box{
		height: auto;
	}
	.mission-vision{
		padding: 50px 0;
	}
	.index-recruitment .content-bottom .more{
		margin: 50px auto 120px;
	}
	.about-company .content-right{
		position: relative;
		margin-top: 50px;
	}
	.about-company .content-left p{
		font-size: 18px;
		line-height: 35px;
	}
	.mission-vision .content-box{
		top: 0;
	}
	.mission-vision .content-li-text{
		max-width: unset;
		padding-left: 0;
		width: 90%;
		margin: auto;
	}
	.about-management .content-title h2,
	.about-development .content-title h2,
	.mission-vision .content-title h2,
	.content-title h2,
	.production-introduce .content-li.active .content-right h2,{
		font-size: 35px;
	}
	.about-management .content-li{
		width: 49%;
	}
	.about-management .content-li.active1{
		margin-right: 2%;
	}
	.about-management .ContentText p{
		line-height: 22px;
	}
	.head-li-a,
	#header .second-level-menu .second-level-menu-a,
	.footer .content-top .content-left,
	.about-management .content-li-title h2,
	.development-platform .content-li h2{
		font-size: 20px;
	}
	.about-management .ContentText h1{
		font-size: 22px;
	}
	#timeline #issues li .left .history_lists p{
		font-size: 18px;
		line-height: 30px;
		padding: 5px 0 5px 20px;
	}
	.production-introduce .content-li .content-right,
	.production-introduce .content-li.active .content-right{
		width: 100%;
		padding-left: 0;
      	padding-right: 0;
	}
	.production-introduce .content-li-text{
		padding-top: 50px;
	}
	/*.production-title .content-title{
     	position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    top: 0;
	    height: 45px;
	    margin: auto;
	}*/
	.content-title h2 {
	    line-height: 45px;
	}
	.production-title .content-title{
		font-size: 22px;
	}
	.production-title .content-title h2{
		font-size: 30px;
	}
	.quality-control-system .content-text h3{
		font-size: 20px;
		line-height: 30px;
	}
	.quality-control-system .content-li{
    	font-size: 18px;
     	margin: 5px 20px;
	}
	.footer .content-top .text-box p{
		font-size: 16px;
	}
	.introduce-main .banner{
		line-height: 550px;
	}
	.introduce-main .banner .banner-title{
		line-height: 45px;
	}
	.back{
		font-size: 20px;
	}
	.cooperation-direction .content-title h2{
		font-size: 25px;
	}
	.cooperation-direction .content-title p, .cooperation-direction .content-title a{
		font-size: 18px;
	}
	.cooperation-direction .content-li{
		width: 50%;
		padding-bottom: 50px;
	}
	.cooperation-direction .content-li-box{
		height: 360px;
	}
	.corporate_culture .content-left{
		width: 100%;
      	margin-right: 0;
      	padding-bottom: 50px;
	}
	.position-recruitment .content-title h2,
	.corporate_culture .content-title h2{
		font-size: 35px;
		line-height: 45px;
	}
	.position-recruitment .content-title p,
	.position-recruitment .content-title span{
		font-size: 18px;
		line-height: 30px;
	}
	.position-recruitment .content-li-title h2{
		font-size: 25px;
	}
	.position-recruitment img{
		width: 25px;
	}
	.position-recruitment .content-li-text p,
	.corporate_culture .content-text p,
	.corporate_culture .content-text .content-li{
		font-size: 18px;
		line-height: 30px;
	}
	.position-recruitment .content-li-title span{
		font-size: 18px;
		line-height: 104px;
	}
	.position-recruitment .content-li-text{
		padding: 0 30px 20px;
	}
	.corporate_culture .content-li{
     	background-position: left 13px;
 	}
 	.vaccines-control-content .content-li{
 		width: 48%;
 		margin-right: 0;
 	}
 	.vaccines-control-content .content-li.active1{
 		margin-right: 2%;
 	}
 	.vaccines-control-content .content-text{
 		height: 300px;
 	}
 	.vaccines-control-content .content-bottom h2{
 		font-size: 20px;
 		line-height: 30px;
 	}
 	.vaccines-control-content .content-bottom p{
 		font-size: 18px;
 		line-height: 30px;
 	}
 	.vaccines-control-content .content-bottom a.more,
 	.newsDetail-content .content-title span{
 		font-size: 18px;
 	}
 	.vaccines-control-Detail-content .content-title h2,
 	.newsDetail-content .content-title h2{
 		font-size: 25px;
 	}
 	.news-content .content-li-box,
 	.index-news .content-bottom .content-text-box{
 		padding: 25px 0;
 	}
	.index-recruitment .content-bottom .more{
		font-size: 20px;
	}
	.mission-vision .content-li{
		min-height: unset;
		padding: 40px 0;
	}
	.mission-vision .content-title h2{
		padding-top: 40px;
	}
	.mission-vision .content-ul{
		margin-top: 40px;
	}
	#header .head-li-a.active{
		color: #fff;
	}
	/*2019-3-26*/

	.development-ongoing-project .content-box .content-right,
	.development-ongoing-project .content-box .content-left{
		display: block;
		width: 100%;
		margin-left: 0;
	}
	.development-ongoing-project .content-box p{
		padding-top: 30px;
	}
	/*2019-3-26 end*/

	.index-dialog .content {
		width: 90%;
		margin: 0 auto;
	}

	.index-dialog .title {
		font-size: 18px;
	}

	.development-ongoing-project .content-box .content-left {
		overflow: auto;
	}

	.development-ongoing-project .table {
		width: 650px;
	}

	.index-dialog-btn p{
		display: none;
	}
}

@media screen and (max-width: 640px){
	.index-news .content-bottom .content-text-box{
		padding: 15px 0;
	}
	.swiper-container-banner .swiper-slide-banner{
		height: 500px;
	}
	.index-about .content .content-top,
	.index-news .content-title{
		margin-top: 50px;
	}
	.content-title h2,
	.index-product .ContentText h2{
		font-size: 25px;
	}
	.index-about .content .content-bottom .content-li{
		width: 100%;
		padding: 0;
	}
	.index-about .content .content-bottom h1 span{
		font-size: 50px;
	}
	.index-product .content-right{
		height: 900px;
	}
	.index-product .content-top,
	.index-product .content-bottom{
		height: 650px
	}
	.index-about .content .content-bottom{
		margin-bottom: 50px;
	}
	.index-news .content-top .content-li{
		width: 50%;
	}
	.header-left .logo-img{
		width: 150px;
	}
	.index-news .content-top .content-li, .index-news .content-bottom .more, .index-recruitment .content-right .content-li h2, .index-recruitment .content-left .more, .news-content .more, .position-recruitment .content-li-text h2, .mission-vision .content-li-text h2{
		font-size: 18px;
	}
	.content-text p, .position-recruitment, .content-li-title span, .index-news .content-bottom .content-li h3, .index-recruitment .content-left p, .news-content .content-li-box p, .index-news .content-bottom .content-li span, .development-platform .content-li p, .index-product .ContentText p, .introduce-content .content-text p, .cooperation-direction .content-li-box p{
		font-size: 14px;
	}
	.index-news .content-bottom{
		margin-bottom: 30px;
	}
	.index-news .content-bottom .more{
		margin-bottom: 10px;
	}
	.index-recruitment .content-bottom .more{
		font-size: 18px;
		margin-bottom: 50px;
	}
	.footer .content-top .content-right .content-li{
      	width: 33.33333%;
    	font-size: 12px;
	}
	.footer .content-top .text-box p{
		font-size: 12px;
	}
	.footer .content-bottom .content-right{
		font-size: 12px;
     	line-height: 20px;
     	padding-top: 10px;
	}
	.footer .content-bottom{
		height: auto;
	}
	.footer .content-bottom .content-left{
		padding-bottom: 20px;
	}
	.banner{
		height: 400px;
	}
	.about-main .banner-title h1{
		padding-left: 20px;
	}
	.banner-title h1{
		/*font-size: 32px;*/
	}
	.about-company .content-left p{
		font-size: 14px;
		line-height: 30px;
	}
	.index-product .ContentText .ContentText-top{
		height: auto;
	}
	.index-product .ContentText h2{
		margin-bottom: 10px;
	}
	.index-recruitment .content-title{
		margin-bottom: 40px;
	}
	.index-recruitment .content-box{
		padding-top: 50px;
	}
	.about-company .content-box{
		padding: 50px 0;
	}
	.swiper-slide-about .ContentText h2{
		font-size: 20px;
	}
	.mission-vision .content-title h2{
		padding-top: 20px;
	}
	.mission-vision .content-ul{
		margin-top: 30px;
	}
	.mission-vision .content-li{
		padding: 20px 0;
	}
	.about-management .content-li{
		width: 100%;
	}
	.about-management .content-li.active1{
		margin-right: 0;
	}
	.about-management .content-box{
		padding-bottom: 50px;
	}
	.about-management .content-box{
		padding-top: 50px;
	}
	#timeline #issues li .left,
	#timeline #issues li .right{
		width: 100%;
		display: block;
		padding: 0;
	}
	#timeline #issues li .left .history_title,
	#timeline #issues li .left .history_lists p{
		padding-left: 0;
	}
	#dates{
		width: 25%;
	}
	#issues{
		width: 75%;
	}
	#timeline{
		height: 600px;
	}
	#timeline #issues li{
		height: 600px;
	}
	.cooperation-introduce .content-text,
	.cooperation-direction .content-box,
	.corporate_culture .content-box,
	.position-recruitment .content-box,
	.vaccines-control-content .content-ul,
	.vaccines-control-Detail-content .content-box,
	.news-content .content-box,
	.newsDetail-content .content-box{
		padding: 50px 0;
	}
	.cooperation-direction .content-title h2{
		font-size: 20px;
	}
	.cooperation-direction .content-title p, .cooperation-direction .content-title a{
		font-size: 14px;
	}
	.cooperation-direction .content-li-box p{
		padding: 0 15px;
	}
	.cooperation-direction .content-li-box p{
		line-height: 24px;
	}
	.cooperation-direction .content-li-box img{
		padding: 25px 0 20px;
	}
	.position-recruitment .content-li-text p, .corporate_culture .content-text p, .corporate_culture .content-text .content-li{
		font-size: 14px;
	}
	.position-recruitment .content-title h2, .corporate_culture .content-title h2{
		font-size: 25px;
	}
	.corporate_culture .content-li{
		background-position: left 10px;
	}
	.position-recruitment .symbol{
		padding: 0 10px;
		line-height: 112px;
	}
	.position-recruitment .content-li-title h2{
		font-size: 22px;
	}
	.position-recruitment img{
		width: 20px;
	}
	.position-recruitment .content-li-title span{
		font-size: 16px;
	}
	.vaccines-control-content .content-li.active1{
		margin-right: 0;
	}
	.vaccines-control-content .content-li{
		width: 100%;
	}
	.vaccines-control-Detail-content .content-text{
		padding: 30px 0;
	}
	.news-content .content-bottom .content-ul{
		margin-top: 30px;
	}
	.news-content .more-box{
		padding: 15px 0;
	}
	.back{
		font-size: 16px;
	}
	.news-content .content-top .content-li{
		width: 50%;
		height: 55px;
		text-align: center;
	}
	.news-content .content-top .content-li a.content-li-a{
		display: block;
		width: 100%;
		padding: 0;
		height: 55px;
		float: left;
		line-height: 55px;
	}
	.vaccines-control-Detail-content .content-title h2, .newsDetail-content .content-title h2{
		font-size: 22px;
	}
	.newsDetail-content .content-text{
		padding-top: 25px;
	}
	.content-title h2{
		line-height: 35px;
	}
}

@media screen and (max-width: 340px){
	.footer .content-top .content-right .content-li{
		width: 50%;
	}
	.header-right{
		width: 70%;
	}
	.header-right{
		left: -70%;
	}
}